<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>房屋租售</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
        .mui-card-content-inner img{
            width: 100% !important;
        }
    </style>
    <script src="__TMPL__/public/assets/wuye/js/mui.min.js"></script>
    <link href="__TMPL__/public/assets/wuye/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/wuye/css/app.css" />
    <script src="__TMPL__/public/assets/wuye/js/iconfont.js"></script>
    <style>
        .mui-grid-view.mui-grid-9 .mui-media .mui-icon {
            font-size: 1em;
            position: relative;
        }
        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
            font-size: 10px;
        }
    </style>
</head>

<body>

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="mui-content mui-row mui-fullscreen">
        <div class="mui-col-xs-3">
            <div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
            </div>
        </div>
        <div id="segmentedControlContents" class="mui-col-xs-9" style="border-left: 1px solid #c8c7cc;">
            <div id="item1" class="mui-control-content mui-active">
            </div>
            <div id="item2" class="mui-control-content">
            </div>
            <div id="item3" class="mui-control-content">
            </div>
        </div>
    </div>
</header>
{:widget('Wuye/nav')}
<div class="mui-content">
    <?php $id = $_GET['id'];?>
    <notempty name="$id">
        {:widget('Wuye/leasedetail', ['table' => 'portal_post','id'=>$id])}
        <else />
        <div class="mui-card">
            <div class="mui-card-header mui-card-media">
                <img class="mui-media-object mui-pull-left" src="__TMPL__/public/assets/wuye/images/{$res.type|default=''}.jpg">
                <div class="mui-media-body">
                    {$res.biaoti|default=''}
                    <p>发表于<?php echo date('Y-m-d H:i',$res['addtime'])?></p>
                </div>
            </div>
            <div class="mui-card-content-inner">
                <ul class="mui-table-view mui-grid-view mui-grid-9">
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <span class="mui-icon">户型</span>
                        <div class="mui-media-body">{:widget('Wuye/leaseRental', ['id' => $res['tingshi']])}</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <span class="mui-icon">价格</span>
                        <div class="mui-media-body" style="color: orangered;font-size: 12px;font-weight: 600">
                            <switch name="$res.type" >
                                <case value="chushou">{$res.jiage}元</case>
                                <case value="chuzu">{$res.jiage}元&nbsp;/&nbsp;月</case>
                            </switch>
                        </div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <span class="mui-icon">位置</span>
                        <div class="mui-media-body">{$res.Cname}-{$res.Aname}</div></a></li>
                </ul>
                <div class="mui-row" style="padding-top: 10px;text-align: left;padding-left: 20px;">
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>小区：{$res.xiaoqu|default=''}</p>
                    </div>
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>面积：{$res.fangwumianji|default=''}㎡</p>
                    </div>
                </div>
                <div class="mui-row" style="text-align: left;border-top: 1px solid #d0d5d9;padding-top: 5px;padding-left: 20px;">
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>楼层：{:widget('Wuye/leaseRental', ['id' => $res['louceng']])}</p>
                    </div>
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>厅室：{:widget('Wuye/leaseRental', ['id' => $res['tingshi']])}</p>
                    </div>
                </div>
                <div class="mui-row" style="text-align: left;border-top: 1px solid #d0d5d9;padding-top: 5px;padding-left: 20px;">
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>朝向：{:widget('Wuye/leaseRental', ['id' => $res['chaoxiang']])}</p>
                    </div>
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>类型：{:widget('Wuye/leaseRental', ['id' => $res['leixing']])}</p>
                    </div>
                </div>
                <if condition="$res.type eq 'chushou'">
                <div class="mui-row" style="text-align: left;border-top: 1px solid #d0d5d9;padding-top: 5px;padding-left: 20px;">
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>产权年限：{:widget('Wuye/leaseRental', ['id' => $res['chanquannianxian']])}</p>
                    </div>
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>产权类型：{:widget('Wuye/leaseRental', ['id' => $res['chanquanleixing']])}</p>
                    </div>
                </div>
                </if>
                <div class="mui-row" style="text-align: left;border-top: 1px solid #d0d5d9;padding-top: 5px;padding-left: 20px;">
                    <div class="mui-col-sm-6 mui-col-xs-6">
                        <p>装修：{:widget('Wuye/leaseRental', ['id' => $res['zhuangxiu']])}</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="mui-card">
            <div class="mui-card-header">
                房屋详情：
            </div>
            <div class="mui-card-footer">
                <div class="mui-row">
                    <div class="mui-col-sm-12 mui-col-xs-12">
                        {$res.fangwuxiangqing|default=''}
                    </div>
                        <?php $arr = explode(',',$res['img']);?>
                        <notempty name="arr">
                            <volist name="arr" id="arrimg">
                                <notempty name="$arrimg">
                                    <div class="mui-col-sm-12 mui-col-xs-12">
                                    <img src="<?php echo cmf_get_image_url($arrimg)?>" style="width: 100%"><br/>
                                    </div>
                                </notempty>
                            </volist>
                        </notempty>

                </div>

            </div>
        </div>
    </notempty>

</div>
</body>
<script src="__TMPL__/public/assets/wuye/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/wuye/js/iconfont.js"></script>
<script src="__TMPL__/public/assets/wuye/js/mui.picker.js"></script>
<script src="__TMPL__/public/assets/wuye/js/mui.poppicker.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
</script>
</html>